<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Guide指南页</title>
  <link rel="stylesheet" href="../../css/index.css">
  <link rel="stylesheet" href="./index.css">
</head>

<body>
  <!-- 面包屑 -->
  <nav aria-label="Breadcrumb" class="breadcrumb-link">
    <ol class="bread-center">
      <li class="breadcrumb-item" style="display: inline-block">
        <a href="/index.html" class="inactive">Home</a>
      </li>
      <span class="dm-border-line"></span>
      <li class="breadcrumb-item" style="display: inline-block">
        <a href="/index.html" class="inactive">Diamonds</a>
      </li>
      <span class="dm-border-line"></span>
      <li class="breadcrumb-item" style="display: inline-block">
        <a href="/faq.html" class="active">Buying guide</a>
      </li>
    </ol>
  </nav>
  <!-- Guide Banner-->
  <section class="guide-banner-container">
    <figure class="hero-bg">
      <img src="../../img/PC/hero_bg.png" alt="Lab grown diamonds on display">
      <figcaption class="hero-content">
        <h1>Lab Grown Diamonds for Industrial Use</h1>
        <p>
          Lab grown diamonds are diamonds created in a laboratory environment. They are chemically, physically, and
          optically
          identical to natural diamonds.
        </p>
        <button href="/shop-lab-diamonds" class="btn">Shop Lab Diamonds</button>
      </figcaption>
    </figure>
  </section>
  <!-- Guide指南介绍 -->
  <section class="guide-introduction-container">
    <!-- 左侧锚点侧边信息 -->
    <aside class="guide-introduction-left is-move">
      <!-- 锚点标题 -->
      <h3 class="guide-introduction-title"> IN THIS GUIDE </h3>
      <ol class="serial-container">
        <li class="row-serial">
          <a href="#" class="row-hyper-link">
            <span>01</span>
            <div>What Is a Lab Grown Diamond? own Diamond?</div>
          </a>
        </li>
        <li class="row-serial">
          <a href="#" class="row-hyper-link">
            <span>02</span>
            <div>What Is a Lab Grown Diamond? own Diamond?</div>
          </a>
        </li>
        <li class="row-serial">
          <a href="#" class="row-hyper-link">
            <span>03</span>
            <div>What Is a Lab Grown Diamond? own Diamond?</div>
          </a>
        </li>
        <li class="row-serial">
          <a href="#" class="row-hyper-link">
            <span>04</span>
            <div>What Is a Lab Grown Diamond? own Diamond?</div>
          </a>
        </li>
      </ol>
    </aside>
    <!-- 右侧展示信息（富文本内容） -->
    <main class="guide-introduction-right">
      <h2 style="margin: 10px 0; color: #245697; font-size: 23px;">Product Summary of Alumina</h2>
      <p>Alumina, also known as aluminium oxide is an electrically insulating material with relatively high thermal
        conductivity fora ceramic. lt could be argued as being one of the most cost effective of all ceramic materials
        and as
        a result is one ofthe most widely used. lts combination of high thermal conductvity and low thermal expansion
        imparts
        good thermalshock resistance.</p>
      <p>Alumina, also known as aluminium oxide is an electrically insulating material with relatively high thermal
        conductivity fora ceramic. lt could be argued as being one of the most cost effective of all ceramic materials
        and as
        a result is one ofthe most widely used. lts combination of high thermal conductvity and low thermal expansion
        imparts
        good thermalshock resistance.</p>
      <h2 style="margin: 10px 0; color: #245697; font-size: 23px;">Characteristics of alumina include:</h2>
      <p>Alumina, also known as aluminium oxide is an electrically insulating material with relatively high thermal
        conductivity fora ceramic. lt could be argued as being one of the most cost effective of all ceramic materials
        and as
        a result is one ofthe most widely used. lts combination of high thermal conductvity and low thermal expansion
        imparts
        good thermalshock resistance.</p>
      <ul>
        <li>Electrically insulating</li>
        <li>High thermal conductivity</li>
        <li>High strength and stiffness</li>
        <li>Available in a range of purities</li>
        <li>
          <h2 style="margin: 10px 0px; color: #245697; font-size: 23px;">Product Summary of Alumina</h2>
          <p>Alumina, also known as aluminium oxide is an electrically insulating material with relatively high thermal
            conductivity fora ceramic. lt could be argued as being one of the most cost effective of all ceramic
            materials and
            as a result is one ofthe most widely used. lts combination of high thermal conductvity and low thermal
            expansion
            imparts good thermalshock resistance.</p>
          <p>Alumina, also known as aluminium oxide is an electrically insulating material with relatively high thermal
            conductivity fora ceramic. lt could be argued as being one of the most cost effective of all ceramic
            materials and
            as a result is one ofthe most widely used. lts combination of high thermal conductvity and low thermal
            expansion
            imparts good thermalshock resistance.</p>
          <h2 style="margin: 10px 0px; color: #245697; font-size: 23px;">Characteristics of alumina include:</h2>
          <p>Alumina, also known as aluminium oxide is an electrically insulating material with relatively high thermal
            conductivity fora ceramic. lt could be argued as being one of the most cost effective of all ceramic
            materials and
            as a result is one ofthe most widely used. lts combination of high thermal conductvity and low thermal
            expansion
            imparts good thermalshock resistance.</p>
          <ul>
            <li>Electrically insulating</li>
            <li>High thermal conductivity</li>
            <li>High strength and stiffness</li>
            <li>Available in a range of purities</li>
          </ul>
        </li>
      </ul>
      <p>
        <img class="wscnph" title="sc/1759982282-normal-shop-img.png"
          src="https://7cad390533514c32acc8-75d23ce06fcfaf780446d85d50c33f7b.ssl.cf6.rackcdn.com/sc/1759982282-normal-shop-img.png"
          alt="sc/1759982282-normal-shop-img.png" />
      </p>

    </main>
  </section>
  <!-- FAQ板块 -->
  <section class="guide-faq-container">
    <h3 class="guide-faq-title">Lab Grown Diamond FAQ</h3>
    <ol>
      <li class="guide-faq-item">
        <div class="faq-title-description">
          <h4 class="faq-title">description-titledescription-title description-title</h4>
          <svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path
              d="M5 0.141183C4.70519 0.141183 4.41374 0.251879 4.18928 0.476626L0.246231 4.4248C-0.082077 4.75018 -0.082077 5.28354 0.246231 5.60892C0.574539 5.93765 1.10385 5.93765 1.42881 5.60892L5 2.03309L8.57119 5.60892C8.8995 5.93765 9.42881 5.93765 9.75377 5.60892C10.0821 5.28018 10.0821 4.75018 9.75377 4.4248L5.81072 0.476626C5.58626 0.251879 5.29481 0.141183 5 0.141183Z"
              fill="#586168" />
          </svg>
        </div>
        <p class="faq-content">
          While size is an attractive feature, the quality of certain diamond characteristics should take a little more
          priority
          when it comes to choosing your diamond. Qualities like the diamond’s cut and colour will have a huge impact on
          the
          beauty of the stone and the bright, icy sparkle you’ll be searching for. A diamond may look large but have a
          poor cut
          grade - meaning, although big, the diamond will appear dull and lacklustre. A poor colour grade will make a
          diamond
          appear yellowish or brownish, rather than the bright and colourless diamond's we all know and love.
      </li>
      <li class="guide-faq-item">
        <div class="faq-title-description">
          <h4 class="faq-title">description-title</h4>
          <svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path
              d="M5 0.141183C4.70519 0.141183 4.41374 0.251879 4.18928 0.476626L0.246231 4.4248C-0.082077 4.75018 -0.082077 5.28354 0.246231 5.60892C0.574539 5.93765 1.10385 5.93765 1.42881 5.60892L5 2.03309L8.57119 5.60892C8.8995 5.93765 9.42881 5.93765 9.75377 5.60892C10.0821 5.28018 10.0821 4.75018 9.75377 4.4248L5.81072 0.476626C5.58626 0.251879 5.29481 0.141183 5 0.141183Z"
              fill="#586168" />
          </svg>
        </div>
        <p class="faq-content">
          While size is an attractive feature, the quality of certain diamond characteristics should take a little more
          priority
          when it comes to choosing your diamond. Qualities like the diamond’s cut and colour will have a huge impact on
          the
          beauty of the stone and the bright, icy sparkle you’ll be searching for. A diamond may look large but have a
          poor cut
          grade - meaning, although big, the diamond will appear dull and lacklustre. A poor colour grade will make a
          diamond
          appear yellowish or brownish, rather than the bright and colourless diamond's we all know and love.
      </li>
    </ol>
  </section>
  <!-- Explore More Guides 板块 -->
  <section class="guide-explore-more-guides-container">
    <h3 class="guide-explore-title">Explore More Guides</h3>

    <ol class="explore-categories-content">
      <li class="explore-categories-item">
        <a href="#">
          What Inclusions Might Be Found in a Lab Grown Diamond?
        </a>
      </li>
      <li class="explore-categories-item">
        <a href="#">
          What Inclusions Might Be Found in a Lab Grown Diamond?
        </a>
      </li>
      <li class="explore-categories-item">
        <a href="#">
          What Inclusions Might Be Found in a Lab Grown Diamond?
        </a>
      </li>
      <li class="explore-categories-item">
        <a href="#">
          What Inclusions Might Be Found in a Lab Grown Diamond?
        </a>
      </li>
      <li class="explore-categories-item">
        <a href="#">
          What Inclusions Might Be Found in a Lab Grown Diamond?
        </a>
      </li>
      <li class="explore-categories-item">
        <a href="#">
          What Inclusions Might Be Found in a Lab Grown Diamond?
        </a>
      </li>

    </ol>
  </section>
  <!-- Latest Products 板块（自动抓取数据） -->
  <section class="guide-popular-designs-content">
    <h2>Our most popular ring designs</h2>
    <div class="cards-wrapper">
      <div class="product-card-item" data-item='${JSON.stringify(item)}'>
        <a href="" class="product-image-wrapper">
          <img src="../../img/PC/app_img.png" alt="" class="product-image">
        </a>
        <div class="product-content">
          <h4 class="product-title">CB4512 Monocrystalline Synthetic Diamond</h4>
          <p>Monocrystalline Synthetic Diamond is complete, transparent in color, high in strength, good in therma</p>
          <div class="products-btn">
            <button type="button" class="addBag">
              Add to bag
            </button>
            <button type="button" class="inquiry">
              Inquiry
            </button>
          </div>
        </div>
      </div>
      <div class="product-card-item" data-item='${JSON.stringify(item)}'>
        <a href="" class="product-image-wrapper">
          <img src="../../img/PC/app_img.png" alt="" class="product-image">
        </a>
        <div class="product-content">
          <h4 class="product-title">CB4512 Monocrystalline Synthetic Diamond</h4>
          <p>Monocrystalline Synthetic Diamond is complete, transparent in color, high in strength, good in therma</p>
          <div class="products-btn">
            <button type="button" class="addBag">
              Add to bag
            </button>
            <button type="button" class="inquiry">
              Inquiry
            </button>
          </div>
        </div>
      </div>
      <div class="product-card-item" data-item='${JSON.stringify(item)}'>
        <a href="" class="product-image-wrapper">
          <img src="../../img/PC/app_img.png" alt="" class="product-image">
        </a>
        <div class="product-content">
          <h4 class="product-title">CB4512 Monocrystalline Synthetic Diamond</h4>
          <p>Monocrystalline Synthetic Diamond is complete, transparent in color, high in strength, good in therma</p>
          <div class="products-btn">
            <button type="button" class="addBag">
              Add to bag
            </button>
            <button type="button" class="inquiry">
              Inquiry
            </button>
          </div>
        </div>
      </div>
      <div class="product-card-item" data-item='${JSON.stringify(item)}'>
        <a href="" class="product-image-wrapper">
          <img src="../../img/PC/app_img.png" alt="" class="product-image">
        </a>
        <div class="product-content">
          <h4 class="product-title">CB4512 Monocrystalline Synthetic Diamond</h4>
          <p>Monocrystalline Synthetic Diamond is complete, transparent in color, high in strength, good in therma</p>
          <div class="products-btn">
            <button type="button" class="addBag">
              Add to bag
            </button>
            <button type="button" class="inquiry">
              Inquiry
            </button>
          </div>
        </div>
      </div>
      <div class="product-card-item" data-item='${JSON.stringify(item)}'>
        <a href="" class="product-image-wrapper">
          <img src="../../img/PC/app_img.png" alt="" class="product-image">
        </a>
        <div class="product-content">
          <h4 class="product-title">CB4512 Monocrystalline Synthetic Diamond</h4>
          <p>Monocrystalline Synthetic Diamond is complete, transparent in color, high in strength, good in therma</p>
          <div class="products-btn">
            <button type="button" class="addBag">
              Add to bag
            </button>
            <button type="button" class="inquiry">
              Inquiry
            </button>
          </div>
        </div>
      </div>
      <div class="oc-main-sam-featured-wrapper">
        <div class="slide-button button-prev">
          <svg width="16" height="26" viewBox="0 0 16 26" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path
              d="M0.854911 13C0.854911 12.263 1.13165 11.5343 1.69352 10.9732L11.564 1.11558C12.3774 0.294807 13.7108 0.294807 14.5242 1.11558C15.3461 1.93635 15.3461 3.25963 14.5242 4.07203L5.58467 13L14.5242 21.928C15.3461 22.7487 15.3461 24.072 14.5242 24.8844C13.7024 25.7052 12.3774 25.7052 11.564 24.8844L1.69352 15.0268C1.13165 14.4657 0.854911 13.737 0.854911 13Z"
              fill="#242424" />
          </svg>

        </div>
        <div class="slide-button button-next slide-button-active">
          <svg width="16" height="26" viewBox="0 0 16 26" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path
              d="M15.1451 13C15.1451 12.263 14.8683 11.5343 14.3065 10.9732L4.43604 1.11558C3.62259 0.294807 2.2892 0.294807 1.47575 1.11558C0.653916 1.93635 0.653916 3.25963 1.47575 4.07203L10.4153 13L1.47575 21.928C0.653916 22.7487 0.653916 24.072 1.47575 24.8844C2.29759 25.7052 3.62259 25.7052 4.43604 24.8844L14.3065 15.0268C14.8683 14.4657 15.1451 13.737 15.1451 13Z"
              fill="#242424" />
          </svg>
        </div>
      </div>
    </div>
  </section>

  <!-- jQuery CDN -->
  <script src="https://code.jquery.com/jquery-3.7.1.min.js" crossorigin="anonymous"></script>
  <script defer src='https://www.google.com/recaptcha/api.js?hl=en-us'></script>
  <script src="../../js/utils/dropdownOptions.js"></script>
  <script src="../../js/utils/enum.js"></script>
  <script src="../../js/utils/regExp.js"></script>
  <script src="../../js/utils/storage.js"></script>
  <script src="../../js/utils/index.js"></script>
  <script src="./index.js"></script>
</body>

</html>